<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<title>菜单栏目管理</title>
	    <meta name="keywords" content="菜单栏目管理">
	    <meta name="description" content="菜单栏目管理">
		<link href="../css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
	    <link href="../css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
	    <link href="../css/animate.min.css" rel="stylesheet">
	    <link href="../css/style.min862f.css?v=4.1.0" rel="stylesheet">
	    <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"> 
	    <link href="../css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
	    <!-- css 树 -->
		<link rel="stylesheet" href="../common/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
	    <!-- customer css -->
	    <style type="text/css">
	    	.row {
				padding: 0px;
				margin: 0px;
			}
			
			.op {
				padding: 15px 0px 0px 15px;
			}
			
			.form-group {
			    margin-bottom: 10px;
			}
			
			.ztree li span.button.add {
				margin-left: 2px;
				margin-right: -1px;
				background-position: -144px 0;
				vertical-align: top;
				*vertical-align: middle
			}
			
			div.content_wrap {
				width: 100%;
				height: 400px;
			}
			
			div.content_wrap div.left {
				float: left;
				width: 30%;
			}
			
			div.content_wrap div.right {
				float: left;
				width: 70%;
			}
			
			div.zTreeDemoBackground {
				width: 250px;
				height: 362px;
				text-align: left;
			}
			
			ul.ztree {
				margin-top: 10px;
				border: 1px solid #617775;
				background: #f0f6e4;
				width: 295px;
				height: 400px;
				overflow-y: scroll;
				overflow-x: auto;
			}
			
			ul.log {
				border: 1px solid #617775;
				background: #f0f6e4;
				width: 300px;
				height: 170px;
				overflow: hidden;
			}
			
			ul.log.small {
				height: 45px;
			}
			
			ul.log li {
				color: #666666;
				list-style: none;
				padding-left: 10px;
			}
			
			ul.log li.dark {
				background-color: #E3E3E3;
			}
			
			/* ruler */
			div.ruler {
				height: 20px;
				width: 220px;
				background-color: #f0f6e4;
				border: 1px solid #333;
				margin-bottom: 5px;
				cursor: pointer
			}
			
			div.ruler div.cursor {
				height: 20px;
				width: 30px;
				background-color: #3C6E31;
				color: white;
				text-align: right;
				padding-right: 5px;
				cursor: pointer
			}
	    </style>
	</head>
	<body class="gray-bg">
	    <div class="wrapper wrapper-content animated fadeInRight">
	        <div class="ibox float-e-margins">
	            <div class="ibox-content">
	                <div class="row row-lg">
	                	<div class="op col-sm-12">
	                		<button type="button" id="btnSaveMenu" title="保存整个菜单目录" class="btn btn-outline btn-default power-btn" power="MenuAllSort"><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>保存</button>
	                		<button type="button" id="btnRefreshMenu" title="刷新整个菜单目录" class="btn btn-outline btn-default power-btn" power="MenuAllRefresh"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>刷新</button>
	                		<button type="button" id="btnDownMenu" title="整个菜单目录展开" class="btn btn-outline btn-default"><span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>展开</button>
	                		<button type="button" id="btnUpMenu" title="整个菜单目录关闭" class="btn btn-outline btn-default"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>合并</button>
	                	</div>
	                    <div class="col-sm-12">
	                    	<div class="content_wrap">
	                    		<!-- 菜单树配置  start-->
								<div class="zTreeDemoBackground left">
									<ul id="treeMenu" class="ztree"></ul>
								</div>
								<div class="right power-btn" power="MenuDetails" style="display:none;border-left: 1px solid #e7eaec;">
									<form class="form-horizontal m-t" id="menuForm">
										<input type="hidden" id="menuId" value=""/>
										<input type="hidden" id="parentMenuId" value=""/>
										<input type="hidden" id="type" value="1"/>
										<input type="hidden" id="sortBy" value=""/>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">名称：</label>
			                                <div class="col-sm-8">
			                                    <input id="menuName" name="menuName" class="form-control" type="text">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">类型：</label>
			                                <div class="col-sm-8">
			                                    <select id="menuType" name="menuType" class="form-control" >
			                                        <option value="0">后台页面</option>
			                                        <option value="1">前台页面</option>
			                                    </select>
			                                </div>
			                            </div>
			                            <div id="divMenuPath" class="form-group">
			                                <label class="col-sm-3 control-label">路径：</label>
			                                <div class="col-sm-8">
			                                    <input id="menuPath" name="menuPath" class="form-control" type="text">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">状态：</label>
			                                <div class="col-sm-8">
			                                    <select id="status" name="status" class="form-control">
			                                        <option value="1">启用</option>
			                                        <option value="0">禁用</option>
			                                    </select>
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">扩展字段1：</label>
			                                <div class="col-sm-8">
			                                    <input id="extendField1" name="extendField1" class="form-control" type="text">
			                                </div>
			                            </div>
			                            <!--  
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">扩展字段2：</label>
			                                <div class="col-sm-8">
			                                    <input id="extendField2" name="extendField2" class="form-control" type="text">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">扩展字段3：</label>
			                                <div class="col-sm-8">
			                                    <input id="extendField3" name="extendField3" class="form-control" type="text">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">扩展字段4：</label>
			                                <div class="col-sm-8">
			                                    <input id="extendField4" name="extendField4" class="form-control" type="text">
			                                </div>
			                            </div>
			                            -->
			                            <div class="form-group">
			                                <label class="col-sm-3 control-label">备注：</label>
			                                <div class="col-sm-8">
			                                    <textarea id="remark" name="remark" class="form-control" ></textarea>
			                                </div>
			                            </div>
			                            <div id="divModule" class="form-group">
			                                <label class="col-sm-3 control-label">功能项：</label>
			                                <div class="col-sm-8">
			                                    <table id="tbModelData" ></table>
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <div class="col-sm-8 col-sm-offset-3">
			                                    <button id="btnSaveMenuNode" class="btn btn-primary power-btn" power="MenuSave" style="width:80px;" type="button"><span class="fa fa-save" aria-hidden="true"></span> 保 存 </button>
			                                    <button id="btnCloseMenuNode" class="btn btn-primary" style="width:80px;" type="button"><span class="fa fa-close" aria-hidden="true"></span> 关 闭 </button>
			                                </div>
			                            </div>
			                        </form>
								</div>
							</div>
							<!-- 菜单树配置  end-->
	                    </div>
	                    <div class="col-sm-12"><br/><br/></div>
	                </div>
	                <!-- 弹出框 -->
				    <div class="modal inmodal fade" id="dataModule" tabindex="-1" role="dialog" aria-hidden="true">
                    	 <div class="modal-dialog">
                         	<div class="modal-content animated">
                            	<div class="modal-header">
                                 	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
                                 	<h4 class="modal-title">添加功能</h4>
                                </div>
                               	<div class="modal-body">
                               		<div id="edit">
	                                   	 <form class="form-horizontal m-t" id="dataModuleForm">
	                                   	 	<input type="hidden" id="modalType" value="" />
	                                   	 	<input type="hidden" id="moduleId" value="" />
				                            <div class="form-group">
				                                <label class="col-sm-3 control-label">功能名称：</label>
				                                <div class="col-sm-8">
				                                    <input id="moduleName" name="moduleName" class="form-control" type="text">
				                                </div>
					                       	</div>
				                            <div id="divBaseCode" class="form-group">
				                            	<label class="col-sm-3 control-label">功能编码：</label>
				                                <div class="col-sm-8">
				                                    <input id="moduleCode" name="moduleCode" class="form-control" type="text" >
				                                </div>
				                           </div>
				                   			<div class="form-group">
				                                <label class="col-sm-3 control-label">状态：</label>
				                                <div class="col-sm-8">
			                                        <select id="status" class="form-control" name="status">
				                                        <option value="1">启用</option>
				                                        <option value="0">禁用</option>
				                                    </select>
				                                </div>
				                            </div>
				                            <div class="form-group">
				                                <label class="col-sm-3 control-label">备注：</label>
				                                <div class="col-sm-8">
				                                    <textarea id="remark" name="remark" class="form-control" style="height: 50px;"></textarea>
				                                </div>
				                            </div>
				                        </form>
			                        </div>
	                               	<div id="detail" class="form-horizontal m-t">
	                               		<form class="form-horizontal m-t" id="moduleDataDetailForm">
				                            <div class="form-group">
				                                <label class="col-sm-3 control-label">功能名称：</label>
				                                <div class="col-sm-8">
				                                    <label id="moduleName" name="moduleName" class="form-control" ></label>
				                                </div>
					                       	</div>
				                            <div class="form-group">
				                            	<label class="col-sm-3 control-label">功能编码：</label>
				                                <div class="col-sm-8">
				                                    <label id="moduleCode" name="moduleCode" class="form-control" ></label>
				                                </div>
				                           </div>
				                   			<div class="form-group">
				                                <label class="col-sm-3 control-label">状态：</label>
				                                <div class="col-sm-8">
				                                	<label id="status" name="status" class="form-control" ></label>
				                                </div>
				                            </div>
				                            <div class="form-group">
				                                <label class="col-sm-3 control-label">备注：</label>
				                                <div class="col-sm-8">
				                                    <textarea id="remark" name="remark" class="form-control" style="height: 50px;" disabled="disabled"></textarea>
				                                </div>
				                            </div>
				                        </form>
	                               	</div>
                               	</div>
                               	<div class="modal-footer">
                                   	<button type="button" class="btn btn-white" data-dismiss="modal"><span class="fa fa-close" aria-hidden="true"></span> 关 闭 </button>
                                   	<button type="submit" class="btn btn-primary" id="btnModuleDataSave"><span class="fa fa-save" aria-hidden="true"></span> 保 存 </button>
                               	</div>
                             </div>
                         </div>
                     </div>
				</div>
			</div>
		</div>
		<!--body end-->
		<!-- js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
	    <script src="../js/bootstrap.min.js?v=3.3.6"></script>
	    <script src="../js/content.min.js?v=1.0.0"></script>
	    <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	    <script src="../js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	    <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
		<script src="../js/plugins/validate/jquery.validate.min.js"></script>
	    <script src="../js/plugins/sweetalert/sweetalert.min.js"></script>
	    <!-- js 树 -->
	    <script type="text/javascript" src="../common/zTree/js/jquery.ztree.core.js"></script>
		<script type="text/javascript" src="../common/zTree/js/jquery.ztree.excheck.js"></script>
		<script type="text/javascript" src="../common/zTree/js/jquery.ztree.exedit.js"></script>
		<script src="../common/js/aes.js" type="text/javascript"></script>
		<script src="../common/js/CommonUtils.js"></script>
	    <script src="menu_list.js"></script>
	</body>
</html>
